<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>4-柱状图-官方示例</title>
		<script type="text/javascript" src="js/echarts.min.js"></script>
		<style type="text/css">
			.box{
				width:600px;
				height:500px;
			}
		</style>
	</head>
	<body>
		<div class="box"></div>
		<script type="text/javascript">
			// 基于准备好的dom，初始化echarts实例
			var myChart = echarts.init(document.querySelector('.box'));
				  // 指定图表的配置项和数据
			var option = {
			  legend: {},
			  tooltip: {},
			  dataset: {
				source: [
				  ['product', '死亡病例', '现有确诊数', '治愈病例'],
				  ['上海市', 43.3, 85.8, 93.7],
				  ['北京市', 83.1, 73.4, 55.1],
				  ['陕西省', 86.4, 65.2, 82.5]
				]
			  },
			  xAxis: { type: 'category' },
			  yAxis: {},
			  series: [{ type: 'bar' }, { type: 'bar' }, { type: 'bar' }]
			};
			// 使用刚指定的配置项和数据显示图表。
			myChart.setOption(option);
		</script>
	</body>
</html>
